.alert {
  text-align: left;

  a {
    text-decoration: underline;
  }

  h1 {
    margin-bottom: 0.2em;
  }
}

.alert-primary {
  color: $button-color;
  background-color: var(--blue-header);
  background-image: none;

  a {
    color: $button-color;
  }

  h1 {
    color: var(--navi-color);
  }
}

.alert-info {
  color: $button-color;
  background-color: var(--navi-background-light);
  background-image: none;

  a {
    color: $button-color;
  }

  h1 {
    color: var(--navi-color);
  }
}

.alert-success {
  color: $button-color;
  background-color: var(--browse-success-color);
  background-image: none;

  a {
    color: $button-color;
  }

  h1 {
    color: var(--navi-color);
  }
}

.alert-danger {
  color: $button-color;
  background-color: var(--browse-warning-color);
  background-image: none;

  a {
    color: $button-color;
  }

  h1 {
    color: var(--navi-color);
  }
}
